<template>
  <div class="box">
      <div class="head">
          <div>
            <div class="head_img">
                <img src="./img/ad.png" alt="">
            </div>
            <span>{{ban}}</span>
          </div>
      </div>
      <div class="mid">
          <div class="mid_list">
              <span class="title">官方网站</span>
              <span class="hao">yiqixinyong.com</span>
          </div>
          <div class="mid_list">
              <span class="title">微信公众号</span>
              <span class="hao">优企乐活</span>
          </div>
          <div class="mid_list">
              <span class="title">咨询微信号</span>
              <span class="hao">zhuji520zhuji</span>
          </div>
          <div class="mid_list">
              <span class="title">商务合作</span>
              <span class="hao">bd@u76ho.com</span>
          </div>
          <div class="mid_list">
              <span class="title">招贤纳士</span>
              <span class="hao">hr@u76ho.com</span>
          </div>
      </div>
      <div class="btm">
          <div>
            <span class="btm_name">优企乐活（北京）科技有限公司</span>
            <span class="btm_wz">Copyright 2016-2018U76ho , All Rights</span>
          </div>
      </div>
  </div>
</template>
<script>
import qs from 'qs'
import axios from 'axios'
export default {
  data(){
      return{
          arr:{ },
          ban:""
      }
  },
  created(){
        this.getData()
  },
  methods: {
    getData(){
      var url='http://dev.hybrid.u76ho.com/#/eighteenth';
      var obj={
        types:this.$route.query.versionCode
      }
      this.ban=obj.types
      //alert(obj.user_id)
      var thet=this;
      this.$axios.post(url,obj).then(response=>{
          thet.arr=response.data.data
          //console.log(thet.arr)
      })
      .catch(function(error) {
          console.log(error);
      });
    }
  }
}

</script>
<style lang="scss" scoped>
.box{
  width:100%;
  height:100%;
  display:flex;
  flex-wrap:wrap;
  position:fixed;
}
.head{
  width:100%;
  height:35%;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
  .head_img{
    width:100%;
    display:flex;
    justify-content: center;
    img{
      width:0.79rem;
      height:0.79rem;
      margin-top:0.5rem;
    }
  }
  span{
    color:#2A2A2A;
    font-size:0.13rem;
    margin-left:0.23rem;
  }
}
.mid{
  width:100%;
  height:40%;
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  .mid_list{
    width:86%;
    height:0.3rem;
    display:flex;
    justify-content: space-between;
    border-bottom:0.01rem solid #EEEEEE;
    align-items: flex-end;
    padding:0 0 0.08rem 0;
    .title{
      color:#2A2A2A;
      font-size:0.13rem;
    }
    .hao{
      color:#44DCC3;
      font-size:0.12rem;
    }
  }
}
.btm{
  width:100%;
  height:25%;
  display:flex;
  justify-content:center;
  align-items: flex-end;
  div{
    width:100%;
    margin-bottom:0.15rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    .btm_name{
      width:100%;
      display:flex;
      justify-content: center;
      color:#939393;
      font-size:0.11rem;
      margin-bottom:0.1rem;
    }
    .btm_wz{
      width:100%;
      display:flex;
      justify-content: center;
      color:#939393;
      font-size:0.09rem;
    }
  }
}
</style>
